/*移动端基础样式库(可改成按字母排序)*/
/*布局*/
.d-flex{display: flex;}
.d-i-b {display: inline-block;}
.d-b{display: block;}

.flex-1 {flex: 1;}
.j-center{justify-content: center;}
.j-sb{justify-content: space-between;}
.a-center{align-items: center;}
.flex-column{flex-direction: column;}
.f-center {align-items: center;    justify-content: center;}
.f-wap{flex-wrap: wrap;}
.p-f{position: fixed;}

.b-0 {bottom: 0;}
.t-0 {top: 0;}
.l-0 {left: 0;}
.r-0 {right: 0;}

.t-white {color: white;}
.bg-white{background-color: white;}

/* 边框 */
.bd-top {border-top: 2upx solid #eee;}
.bd-right {border-right: 2upx solid #eee;}
.bd-bottom{border-bottom: 2upx solid #eee;}
.bd-bottom-main-color{border-bottom: 2upx solid #fd6801;}
.bd-light-secondary{border-color: 2upx solid #f5f5f5;}

.bd{border:1upx solid;}
.bd-2{border:2upx solid;}
.bd-5{border:5upx solid;}
.br-10{border-radius: 10upx;}

.l-h-1{    line-height: 1;}
.t-center {text-align: center;}

/*定位*/
.p-a {position: absolute;}
.p-1{padding: 1upx;}
.p-2{padding: 2upx;}

/* 缩进 */
.m-l-1{margin-left: 1upx;}
.px-10 {padding-left: 10upx;padding-right: 10upx;}
.px-20 {padding-left: 20upx;padding-right: 20upx;}
.py-10{padding-top:10upx;padding-bottom: 10upx;}
.m-20 {margin: 20upx;}
.py-20{padding-top:20upx;padding-bottom: 20upx;}
.line-h-0{line-height: 0;}
.mb-auto{margin-bottom:auto}

/* 对齐 */
.a-self-e{align-self: flex-end;}
.a-self-s{align-self: flex-start;}

/*宽高*/
.w-50 {width: 50%;}
.h-50 {width: 50%;}
.w-100{width:100%}
.w-90{width: 90%;}

/*字体*/
.f-weight{font-weight: bold;}
.line-through{text-decoration: line-through;}


/*栅格布局,默认20分*/
.col-4 {
	/* width: 125upx; */
	width: 20%;
}
.col-8{width: 40%;}
.col-12{width: 60%;}

.row-12:after {
	content: '';
	display: block;
	clear: both;
}
.col-12-4{width:33.33%}